.nowraps{
	flex-wrap: nowrap!important;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
}
.df-f1{
	flex: 1;
}
.df-f2{
	flex: 2;
}
.df-f3{
	flex: 3;
}
.df-f4{
	flex: 4;
}
.df-f5{
	flex: 5;
}
.df-Jc-c{
	@extend .d-flex;
	justify-content: center;
}
.df-Jc-sa{
	@extend .d-flex;
	justify-content: space-around;
}
.df-Jc-sb{
	@extend .d-flex;
	justify-content: space-between;
}
.df-c{
	@extend .d-flex;
	flex-direction: column;
}
.df-c-reverse{
	@extend .d-flex;
	flex-direction: column-reverse;
}

.df-r-reverse{
	@extend .d-flex;
	flex-direction: row-reverse;
}